<template>
  <div class="home-img">
    <swiper :options="swiperOption" >
      <!-- slides -->
      <swiper-slide v-for="(item,key) in list" :key="key">
        <img :src="item.imgUrl" alt="">
      </swiper-slide>


      <!-- Optional controls -->
      <div class="swiper-pagination"  slot="pagination"></div>

    </swiper>
  </div>

</template>

<script>
  import axios from "axios"
    export default {
        name: "Homeimg",
        data(){
          return{
            list:[],
            swiperOption:{
                autoplay:false

            }
          }
        },
        mounted() {
          axios.get("/api/index.json").then((res)=>{

            this.list=res.data.data.swiperList
            console.log(this.list)

          })
        }

    }
</script>

<style  lang="stylus" scoped>
img
  width 100%


</style>
